<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<f:view xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:liferay-ui="http://portletfaces.org/liferayfaces/liferay-ui"
	xmlns:liferay-util="http://portletfaces.org/liferayfaces/liferay-util"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:aui="http://portletfaces.org/alloyfaces/aui">

	<h:head />
	<h:body>
	
		<ice:portlet style="width: 100%;">
		 
			<ice:form style="width: 100%;">
			 
				<ice:outputLabel value="Temperatura :" />

				<ice:panelDivider orientation="vertical" style="width: 100%;">
					<f:facet name="second">
						<h:panelGrid columns="3" style="width: 500px; ">
						
							<h:commandButton value="-" style="width: 32px; height: 32px;" 
								image="/img/thermometerLow.png">
								<f:ajax disabled="true" />
							</h:commandButton>
							
							<ice:outputProgress value="#{panelSensorico.subject.temperatura}"
								label="#{panelSensorico.subject.temperatura}"
								labelComplete="llamar a urgencias" 
								styleClass="myProgressBarStyle"/>
								
							<h:commandButton value="-" style="width: 32px; height: 32px;" 
								image="/img/thermometerHigh.png">
								<f:ajax disabled="true" />
							</h:commandButton>
						</h:panelGrid>
					</f:facet>
				</ice:panelDivider>

				<br></br>
				<br></br>

				<ice:outputLabel value="Control luminico:" />
				<ice:panelDivider orientation="vertical" style="width: 100%;">
					<f:facet name="first">
						<h:panelGrid columns="3" style="width: 500px;">

							<h:commandButton value="-" style="width: 32px; height: 32px;" 
								actionListener="#{panelSensorico.bajarIntensidad}" image="/img/Offbulb.png">
								<f:ajax disabled="true" />
							</h:commandButton>

							<ice:outputProgress
								value="#{panelSensorico.subject.controlLuminico}"
								labelComplete="Maxima Iluminacion"
								styleClass="myProgressBarStyle"/>

							<h:commandButton value="+" style="width: 32px; height: 32px;"
								actionListener="#{panelSensorico.subirIntensidad}" image="/img/ONbulb.png">
								<f:ajax disabled="true" />
							</h:commandButton>
							
						</h:panelGrid>
					</f:facet>
				</ice:panelDivider>
			</ice:form>

		</ice:portlet>
	</h:body>
</f:view>